{% load staticfiles %}
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="">
        <meta name="author" content="">

        <link rel="shortcut icon" href="{% static '' %}velonic/img/favicon_1.ico">

        <title>最近90天物流信息</title>

        <!-- DataTables -->
        <link href="{% static '' %}velonic/css/datatables/jquery.dataTables.min.css" rel="stylesheet" type="text/css" />
        <link href="{% static '' %}velonic/css/datatables/buttons.bootstrap.min.css" rel="stylesheet" type="text/css" />
        <link href="{% static '' %}velonic/css/datatables/fixedHeader.bootstrap.min.css" rel="stylesheet" type="text/css" />
        <link href="{% static '' %}velonic/css/datatables/responsive.bootstrap.min.css" rel="stylesheet" type="text/css" />
        <link href="{% static '' %}velonic/css/datatables/scroller.bootstrap.min.css" rel="stylesheet" type="text/css" />

        <!-- Bootstrap core CSS -->
        <link href="{% static '' %}velonic/css/bootstrap.min.css" rel="stylesheet">
        <link href="{% static '' %}velonic/css/bootstrap-reset.css" rel="stylesheet">
        <link href="{% static '' %}velonic/css/bootstrap-datetimepicker.min.css" rel="stylesheet">

        <!--Animation css-->
        <link href="{% static '' %}velonic/css/animate.css" rel="stylesheet">

        <!--Icon-fonts css-->
        <link href="{% static '' %}velonic/css/font-awesome.css" rel="stylesheet" />
        <link href="{% static '' %}velonic/css/ionicons.min.css" rel="stylesheet" />
        <link href="{% static '' %}velonic/css/material-design-iconic-font.min.css" rel="stylesheet" />

        <!-- Plugins css -->
        <link href="{% static '' %}velonic/css/component.css" rel="stylesheet">


        <!-- Custom styles for this template -->
        <link href="{% static '' %}velonic/css/style.css" rel="stylesheet">
        <link href="{% static '' %}velonic/css/helper.css" rel="stylesheet">
        

        <!-- HTML5 shim and Respond.js IE8 support of HTML5 tooltipss and media queries -->
        <!--[if lt IE 9]>
          <script src="js/html5shiv.js"></script>
          <script src="js/respond.min.js"></script>
        <![endif]-->


    </head>


    <body>

        <!-- Aside Start-->
        {% include 'velonic/block/side_nav.html' %}
        <!-- Aside Ends-->


        <!--Main Content Start -->
        <section class="content">
            
            <!-- Header -->
            {% include 'velonic/block/header.html' %}
            <!-- Header Ends -->


            <!-- Page Content Start -->
            <!-- ================== -->

            <div class="wraper container-fluid">
                <div class="page-title"> 
                    <h3 class="title">最近9天物流跟踪</h3>
                </div>


                        <div class="row">
                            <div class="col-md-12">
                                <div class="panel panel-default">
                                    <div class="panel-heading">
                                        <h3 class="panel-title">物流信息</h3>
                                    </div>
                                    <div class="panel-body">

                                        <table id="datatable" class="table table-striped table-bordered">
                                            <thead>
                                                <tr>
                                                    <th>物流单号</th>
                                                    <th>物流渠道</th>
                                                    <th>目的地</th>
                                                    <th>发货日期</th>
                                                    <th>最后更新日期</th>
                                                    <th>运送时长</th>
                                                    <th>总运输时间</th>
                                                    <th>状态</th>
                                                </tr>
                                            </thead>

                                            <tbody>
                                            {% for l in wuliu %}
                                              <tr>
                                                <td><div id="TRNum-{{ l.id }}"></div><a href="javascript:void(0)" onClick="doTrack('{{ l.tracking_number }}','{{ l.id }}')"><i class="zmdi zmdi-search-in-page"></i>{{ l.tracking_number }}</a></td>
                                                <td>{{ l.channel }}</td>
                                                <td>{{ l.destination }}</td>
                                                <td>{{ l.send_time|date:'Y-m-d' }}</td>
                                                <td>{{ l.update_time|date:"Y-m-d" }}</td>
                                                <td>{{ l.num1 }}</td>
                                                <td>{{ l.num2 }}</td>
                                                <td>{{ l.status }}</td>
                                              </tr>
                                            {% endfor %}
                                            </tbody>



                                        </table>

                                    </div>
                                </div>
                            </div>

                        </div> <!-- End Row -->


                

            </div>

            <!-- Page Content Ends -->
            <!-- ================== -->

            <!-- Footer Start -->
            {% include 'velonic/block/footer.html' %}
            <!-- Footer Ends -->



        </section>
        <!-- Main Content Ends -->











        <!-- js placed at the end of the document so the pages load faster -->
        <script src="{% static '' %}velonic/js/jquery.js"></script>
        <script src="{% static '' %}velonic/js/bootstrap.min.js"></script>
        <script src="{% static '' %}velonic/js/pace.min.js"></script>
        <script src="{% static '' %}velonic/js/wow.min.js"></script>
        <script src="{% static '' %}velonic/js/jquery.nicescroll.js" type="text/javascript"></script>

        <!-- Modal-Effect -->
        <script src="{% static '' %}velonic/js/classie.js"></script>

        <script src="{% static '' %}velonic/js/jquery.app.js"></script>

        <!-- Datatables-->
        <script src="{% static '' %}velonic/js/datatables/jquery.dataTables.min.js"></script>
        <script src="{% static '' %}velonic/js/datatables/dataTables.bootstrap.js"></script>
        <script src="{% static '' %}velonic/js/datatables/dataTables.buttons.min.js"></script>
        <script src="{% static '' %}velonic/js/datatables/buttons.bootstrap.min.js"></script>
        <script src="{% static '' %}velonic/js/datatables/jszip.min.js"></script>
        <script src="{% static '' %}velonic/js/datatables/pdfmake.min.js"></script>
        <script src="{% static '' %}velonic/js/datatables/vfs_fonts.js"></script>
        <script src="{% static '' %}velonic/js/datatables/buttons.html5.min.js"></script>
        <script src="{% static '' %}velonic/js/datatables/buttons.print.min.js"></script>
        <script src="{% static '' %}velonic/js/datatables/dataTables.fixedHeader.min.js"></script>
        <script src="{% static '' %}velonic/js/datatables/dataTables.keyTable.min.js"></script>
        <script src="{% static '' %}velonic/js/datatables/dataTables.responsive.min.js"></script>
        <script src="{% static '' %}velonic/js/datatables/responsive.bootstrap.min.js"></script>
        <script src="{% static '' %}velonic/js/datatables/dataTables.scroller.min.js"></script>
        <script src="{% static '' %}velonic/js/bootstrap-datetimepicker.min.js"></script>
        <script src="{% static '' %}velonic/js/locales/bootstrap-datetimepicker.zh-CN.js"></script>

        <!-- Datatable init js -->
        <script src="{% static '' %}velonic/js/datatables.init.js"></script>
        <script type="text/javascript" src="//cdn.trackingmore.com/plugins/v1/plugins.min.js"></script>



        <script type="text/javascript">

            var dtTranslate={//下面是一些汉语翻译
                "sSearch": "搜索",
                "sLengthMenu": "每页显示 _MENU_",
                "sZeroRecords": "没有检索到数据",
                "sInfo": "显示 _START_ 至 _END_ 条 &nbsp;&nbsp;共 _TOTAL_ 条 &nbsp;&nbsp;",
                "sInfoFiltered": "(筛选自 _MAX_ 条数据)",
                "sInfoEmtpy": "没有数据",
                "sProcessing": "<img src='/public/images/loading.gif' /> 数据加载中...",
                "oPaginate":
                            {
                                "sFirst": "首页",
                                "sPrevious": "前一页",
                                "sNext": "后一页",
                                "sLast": "末页"
                            }
            }


            $(document).ready(function() {
                $('#datatable').DataTable({"oLanguage": dtTranslate});
                var table = $('#datatable-fixed-header').DataTable( { fixedHeader: true,"oLanguage": dtTranslate } );
            } );
            TableManageButtons.init();





        </script>

        <script type="text/javascript">
            function doTrack(num,id) {
                TRACKINGMORE.trackMynumber({
                        TR_ElementId:"TRNum-"+id,      //必须，指定悬浮位置的元素ID。
                        TR_Width:800,        //可选，指定查询结果宽度，默认撑满容器。
                        TR_Height:480,       //可选，指定查询结果高度，最大高度为800px，默认撑满容器。
                        TR_ExpressCode:"0",       //可选，指定运输商，默认为自动识别。
                        TR_Lang:"cn",        //可选，指定UI语言，默认根据浏览器自动识别。
                        TR_Num:num       //必须，指定要查询的单号。
                });
            }

        </script>



{% include 'velonic/block/footer_comm.html' %}



    </body>
</html>
